//混入封装 问题：当前只有点击 ”购物车“ tabbar按钮时才会更新角标数据我们需要在任意页面更新tabBar徽标
//方案：使用 mixins 机制封装更新徽标的功能代码，然后添加到各个页面组件中
//把需要的内容单独封装,
import { mapGetters } from 'vuex';
export default{//默认导出
  computed:{
    ...mapGetters("cart",["totalCount"])
  },
  watch:{
    totalCount:{
      immediate: true,//进入页面立即执行
    handler(newVal) {
      if(newVal>0){//删除的时候会显示0,判断大于0才能展示文本否则不展示
        uni.setTabBarBadge({//小程序aip,设置导航栏右上角角标
         index: 2,//下标为第三
         text: ''+newVal,//text必须是字符串,""+number可以转成字符串
        }) 
      }else{
        //=0列表为空的时候删除角标
        uni.removeTabBarBadge({//移除角标
          index:2
        })
      }
    }
    }
  }
}
